<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('用户管理')"/>
</head>
<body>
<div id="app">
    <my-table
            :data="table.data"
            :columns="table.columns"
            :pagination="true"
            :total="table.total"
            @pagination="handlePagination"
    >
        <template slot="operation" slot-scope="scope">
            <el-button
                    size="small"
                    type="primary"
                    @click="handleEdit(scope.index, scope.data)"
                    plain
            >
                编辑
            </el-button>
            <el-popconfirm
                    title="这是一段内容确定删除吗？"
                    @confirm="handleDelete(scope.index, scope.data)"
            >
                <el-button
                        size="small"
                        type="danger"
                        slot="reference"
                        class="ml-2"
                        plain
                >
                    删除
                </el-button>
            </el-popconfirm>
        </template>
    </my-table>
</div>
<th:block th:include="include :: footer"/>
<script th:src="@{/components/mytable.js}"></script>
<script th:src="@{/pageVue/system/user.js}"></script>
</body>
</html>